   <html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui">

    <f:view contentType="text/html">
        <h:head>
            <f:facet name="first">
                <meta content='text/html; charset=UTF-8' http-equiv="Content-Type"/>
                <title>PrimeFaces</title>
            </f:facet>
        </h:head>

        <h:body>
              <ui:composition template="templates/mainPageLayout.xhtml">
                <ui:define name="Welcome"  >
                    <p:layoutUnit position="center">
                         <p:tabView effect="fade" style="height: 100%;" orientation="left">  
                              <p:tab title="Comments">  
                                <h:panelGrid>  
                                    <p:dataTable value="#{userCommentsBean.commentses}" id="tb2" var="userCom" paginator="true" rows="10">  
                                        <p:column>  
                                            <f:facet name="header">  
                                                <h:outputText value="User ID" />  
                                            </f:facet>  
                                            <h:outputText value="#{userCom.user.id}" />  
                                        </p:column>  

                                        <p:column>  
                                            <f:facet name="header">  
                                                <h:outputText value="Comments" />  
                                            </f:facet>  
                                            <h:outputText value="#{userCom.comment}"/>  
                                        </p:column>  
                                        
                                        <p:column>  
                                            <f:facet name="header">  
                                                <h:outputText value="Transervice ID" />  
                                            </f:facet>  
                                            <h:outputText value="#{userCom.tranService.id}"/>  
                                        </p:column> 
                                        
                                        <p:column>  
                                            <f:facet name="header">  
                                                <h:outputText value="Transervice Name" />  
                                            </f:facet>  
                                            <h:outputText value="#{userCom.tranService.name}"/>  
                                        </p:column>  
                                    </p:dataTable> 
                                </h:panelGrid>  
                            </p:tab>  
                             <p:tab title="Feedbacks">  
                                <h:panelGrid>  
                                    <p:dataTable value="#{userFeedBackBean.feedbacks}" id="tb88" var="userFeed" paginator="true" rows="10">  
                                        <p:column>  
                                            <f:facet name="header">  
                                                <h:outputText value="User ID" />  
                                            </f:facet>  
                                            <h:outputText value="#{userFeed.id}" />  
                                        </p:column>  

                                        <p:column>  
                                            <f:facet name="header">  
                                                <h:outputText value="Rating" />  
                                            </f:facet>  
                                            <h:outputText value="#{userFeed.rating}"/>  
                                        </p:column>  
                                        
                                        <p:column>  
                                            <f:facet name="header">  
                                                <h:outputText value="Transervice ID" />  
                                            </f:facet>  
                                            <h:outputText value="#{userFeed.tranService.id}"/>  
                                        </p:column> 
                                        
                                        <p:column>  
                                            <f:facet name="header">  
                                                <h:outputText value="Transervice Name" />  
                                            </f:facet>  
                                            <h:outputText value="#{userFeed.tranService.name}"/>  
                                        </p:column>  
                                    </p:dataTable> 
                                </h:panelGrid>  
                            </p:tab> 
                             
                         </p:tabView>
                    </p:layoutUnit>
                </ui:define>
              </ui:composition>
            
        </h:body>
    </f:view>
    </html>
  